/****************************************************
webadmin-base
See webadmin.scss -- anything webadmin-related that
can't go in one of the existing partials can go in
here. Please create new partials when it makes sense.
*****************************************************/

.labelEnabled {
    color: #333333;
}

.labelDisabled {
    color: gray;
}

.icon-enabled {
    color: #333333;
    cursor: pointer;
}

.icon-disabled {
    color: #BBBBBB;
    cursor: default;
}

.detailMainHeaderContainer {
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    box-shadow: 0 1px 0 rgba(3,3,3,0.045);
    margin-bottom: 10px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;

    .detailMainBreadcrumbs {
        flex: 1;
        min-width: max-content;
        min-width: -moz-max-content;
    }

    .detailMainActionPanelContainer {
        padding: 0 0 9px 0;
        flex: auto;

        .toolbar-pf {
            padding-top: 0;

            border: none;
            box-shadow: none;

            .hidden-kebab {
                margin-right: 20px;
            }
        }
    }
}

.breadcrumb {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 0;
}

.expansion-container {
    width: 100%;
    margin-left: 61px;
}

.network-data-row dl {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
}

.rate-divider {
    width: 15px;
    background: linear-gradient(to top left,
           rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 0.8px),
           rgba(0,0,0,0.5) 50%,
           rgba(0,0,0,0) calc(50% + 0.8px),
           rgba(0,0,0,0) 100%);
    float: left;
    height: 25px;
    margin-top: 22px;
    margin-left: 5px;
    margin-right: 5px;
}

.vm-network-icon {
    padding-top: 11px;
}

.nic-speed-drop {
    font-weight: 700;
    font-size: 16px;
}

.list-view-pf-expand {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.expansion-container > div > div > span {
    padding-right: 5px;
}

.list-view-pf-additional-info-item > div > dl > dt {
    font-size: 15px;
}

.expansion-container > div > .list-view-pf-expand.active {
    color: inherit;
    border-bottom: #0088ce 3px solid;
}

.list-view-icon-panel {
    padding-left: 5px;
}

.list-view-pf-icon-sm {
    background-color: #f5f5f5 !important;
    border: 2px solid #f5f5f5 !important;
}

.stacked-detail-item {
    float: left;
    padding-right: 5px;
}

.icon-status-panel-container {
    padding-left: 5px;
}

/* GWT-TODO: verify this selector still works for DataGrids when upgrading GWT */
.hide-one-row-scroll > div:nth-child(3) > div > div:nth-child(2) > div {
    position: relative !important;
}

.engine-progress-box, .engine-progress-box-migration {
    border: 1px solid #AAAAAA;
    height: 1em;
    margin: auto;
}

.engine-progress-box {
    width: 60%;
}

.engine-progress-text {
    bottom: 1.3em;
    text-align: center;
    font-size: 0.8em;
    position: relative;
}

.disk-storage-type-group-label, .disk-content-type-group-label {
    margin-right: 5px;
    margin-top: 3px;
    float: left;
}

.disk-content-type-group-label {
    margin-left: 10px;
}

.disk-type-buttons-group {
    float: left;
}

.quickswitch > i {
    color: #0088ce;
}

.quickswitch {
    margin-left: 9px;
}

.list-view-pf .list-group-item.active:hover {
    background-color: #def3ff;
}

.nav-pf-vertical-collapsible-menus .secondary-nav-item-pf .active .secondary-collapse-toggle-pf {
    opacity: 1;
    pointer-events: all;
}
